Node / ReticulumProjects / MeshChatX.git / files / meshchatx / src / frontend / style.css

Displaying Raw • Download

Tb4b4b4@Tff7b72tailwind Tff7b72baseTb4b4b4;

Tb4b4b4@Tff7b72tailwind Tff7b72componentsTb4b4b4;

Tb4b4b4@Tff7b72tailwind Tff7b72utilitiesTb4b4b4;

Tff7b72* Tb4b4b4{

Tff7b72scrollbar-widthTb4b4b4: Tff7b72thinTb4b4b4;

Tff7b72scrollbar-colorTb4b4b4: T79c0ff#94a3b8 T79c0ff#e2e8f0Tb4b4b4;

Tb4b4b4}

Tff7b72*Tb4b4b4::Tf0883e-webkit-scrollbar Tb4b4b4{

Tff7b72widthTb4b4b4: T79c0ff10Tffa657pxTb4b4b4;

Tff7b72heightTb4b4b4: T79c0ff10Tffa657pxTb4b4b4;

Tb4b4b4}

Tff7b72*Tb4b4b4::Tf0883e-webkit-scrollbar-track Tb4b4b4{

Tff7b72backgroundTb4b4b4: T79c0ff#e2e8f0Tb4b4b4;

Tb4b4b4}

Tff7b72*Tb4b4b4::Tf0883e-webkit-scrollbar-thumb Tb4b4b4{

Tff7b72background-colorTb4b4b4: T79c0ff#94a3b8Tb4b4b4;

Tff7b72border-radiusTb4b4b4: T79c0ff999Tffa657pxTb4b4b4;

Tff7b72borderTb4b4b4: T79c0ff2Tffa657px Tff7b72solid T79c0ff#e2e8f0Tb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364dark Tff7b72* Tb4b4b4{

Tff7b72scrollbar-colorTb4b4b4: T79c0ff#52525b T79c0ff#18181bTb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364dark Tff7b72*Tb4b4b4::Tf0883e-webkit-scrollbar-track Tb4b4b4{

Tff7b72backgroundTb4b4b4: T79c0ff#18181bTb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364dark Tff7b72*Tb4b4b4::Tf0883e-webkit-scrollbar-thumb Tb4b4b4{

Tff7b72background-colorTb4b4b4: T79c0ff#52525bTb4b4b4;

Tff7b72border-colorTb4b4b4: T79c0ff#18181bTb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364glass-card Tb4b4b4{

@apply bg-white/95 Te6edf3darkTb4b4b4:Te6edf3bg-zinc-900Tff7b72/T79c0ff85 Te6edf3backdrop-blur Tff7b72border Tff7b72borderTff7b72-Tff7b72grayT79c0ff-200 Te6edf3darkTff7b72:Tff7b72borderTff7b72-Te6edf3zinc-800 Te6edf3rounded-3xl Te6edf3shadow-xl Te6edf3px-4 Te6edf3py-4Tb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364input-field Tb4b4b4{

@apply bg-gray-50/90 Te6edf3darkTb4b4b4:Te6edf3bg-zinc-900Tff7b72/T79c0ff80 Tff7b72border Tff7b72borderTff7b72-Tff7b72grayT79c0ff-200 Te6edf3darkTff7b72:Tff7b72borderTff7b72-Te6edf3zinc-700 Tff7b72textTff7b72-Te6edf3sm Te6edf3rounded-2xl Te6edf3focusTff7b72:Te6edf3ring-2 Te6edf3focusTff7b72:Te6edf3ring-blue-400 Te6edf3focusTff7b72:Tff7b72borderTff7b72-Tff7b72blueT79c0ff-400 Te6edf3darkTff7b72:Te6edf3focusTff7b72:Te6edf3ring-blue-500 Te6edf3darkTff7b72:Te6edf3focusTff7b72:Tff7b72borderTff7b72-Tff7b72blueT79c0ff-500 Tff7b72block Te6edf3w-full Te6edf3p-2T79c0ff.5 Tff7b72textTff7b72-Tff7b72grayT79c0ff-900 Te6edf3darkTff7b72:Tff7b72textTff7b72-Tff7b72grayT79c0ff-100 Tff7b72transitionTb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364primary-chip Tb4b4b4{

@apply inline-flex items-center gap-x-2 rounded-full bg-blue-600/90 px-3 py-1.5 text-xs font-semibold text-white shadow Te6edf3hoverTb4b4b4:Te6edf3bg-blue-500 Tff7b72transitionTb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364secondary-chip Tb4b4b4{

@apply inline-flex items-center gap-x-2 rounded-full border border-gray-300 Te6edf3darkTb4b4b4:Tff7b72borderTff7b72-Te6edf3zinc-700 Te6edf3px-3 Te6edf3py-1T79c0ff.5 Tff7b72textTff7b72-Te6edf3xs Tff7b72fontTff7b72-Te6edf3semibold Tff7b72textTff7b72-Tff7b72grayT79c0ff-700 Te6edf3darkTff7b72:Tff7b72textTff7b72-Tff7b72grayT79c0ff-100 Te6edf3bg-whiteTff7b72/T79c0ff80 Te6edf3darkTff7b72:Te6edf3bg-zinc-900Tff7b72/T79c0ff70 Te6edf3hoverTff7b72:Tff7b72borderTff7b72-Tff7b72blueT79c0ff-400 Te6edf3darkTff7b72:Te6edf3hoverTff7b72:Tff7b72borderTff7b72-Tff7b72blueT79c0ff-500 Tff7b72transitionTb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364glass-label Tb4b4b4{

@apply mb-1 text-sm font-semibold text-gray-800 Te6edf3darkTb4b4b4:Tff7b72textTff7b72-Tff7b72grayT79c0ff-200Tb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364monospace-field Tb4b4b4{

@apply font-mono tracking-tight text-gray-900 Te6edf3darkTb4b4b4:Tff7b72textTff7b72-Tff7b72whiteTb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364metric-row Tb4b4b4{

@apply grid gap-3 Te6edf3smTb4b4b4:Tff7b72gridTff7b72-Te6edf3cols-2 Tff7b72textTff7b72-Tff7b72grayT79c0ff-800 Te6edf3darkTff7b72:Tff7b72textTff7b72-Tff7b72grayT79c0ff-100Tb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364metric-value Tb4b4b4{

@apply text-lg font-semibold text-gray-900 Te6edf3darkTb4b4b4:Tff7b72textTff7b72-Tff7b72whiteTb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364address-card Tb4b4b4{

@apply relative border border-gray-200 Te6edf3darkTb4b4b4:Tff7b72borderTff7b72-Te6edf3zinc-800 Te6edf3rounded-2xl Te6edf3bg-whiteTff7b72/T79c0ff80 Te6edf3darkTff7b72:Te6edf3bg-zinc-900Tff7b72/T79c0ff70 Te6edf3p-4 Tff7b72spaceTff7b72-Te6edf3y-2Tb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364address-card__label Tb4b4b4{

@apply text-xs uppercase tracking-wide text-gray-500 Te6edf3darkTb4b4b4:Tff7b72textTff7b72-Tff7b72grayT79c0ff-400Tb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364address-card__value Tb4b4b4{

@apply text-sm text-gray-900 Te6edf3darkTb4b4b4:Tff7b72textTff7b72-Tff7b72white Te6edf3break-words Te6edf3pr-16Tb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364address-card__action Tb4b4b4{

@apply absolute top-3 right-3 inline-flex items-center gap-1 rounded-full border border-gray-200 Te6edf3darkTb4b4b4:Tff7b72borderTff7b72-Te6edf3zinc-700 Te6edf3px-3 Te6edf3py-1 Tff7b72textTff7b72-Te6edf3xs Tff7b72fontTff7b72-Te6edf3semibold Tff7b72textTff7b72-Tff7b72grayT79c0ff-700 Te6edf3darkTff7b72:Tff7b72textTff7b72-Tff7b72grayT79c0ff-100 Te6edf3bg-whiteTff7b72/T79c0ff70 Te6edf3darkTff7b72:Te6edf3bg-zinc-900Tff7b72/T79c0ff60 Te6edf3hoverTff7b72:Tff7b72borderTff7b72-Tff7b72blueT79c0ff-400 Te6edf3darkTff7b72:Te6edf3hoverTff7b72:Tff7b72borderTff7b72-Tff7b72blueT79c0ff-500 Tff7b72transitionTb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364file-input Tb4b4b4{

@apply block w-full text-xs cursor-pointer rounded-lg border border-gray-300 Te6edf3darkTb4b4b4:Tff7b72borderTff7b72-Te6edf3zinc-700 Te6edf3bg-gray-50 Te6edf3darkTff7b72:Te6edf3bg-zinc-900 Tff7b72textTff7b72-Tff7b72grayT79c0ff-800 Te6edf3darkTff7b72:Tff7b72textTff7b72-Tff7b72grayT79c0ff-100 Te6edf3focusTff7b72:Tff7b72outlineTff7b72-Tff7b72none Te6edf3focusTff7b72:Te6edf3ring-2 Te6edf3focusTff7b72:Te6edf3ring-blue-400 Te6edf3darkTff7b72:Te6edf3focusTff7b72:Te6edf3ring-blue-500Tb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364file-inputTb4b4b4::Tf0883efile-selector-button Tb4b4b4{

@apply mr-2 border-0 rounded-md bg-blue-600 text-white px-3 py-1 text-xs font-semibold cursor-pointer Te6edf3hoverTb4b4b4:Te6edf3bg-blue-500 Tff7b72transitionTb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364dark Tb4b4b4.T56d364file-inputTb4b4b4::Tf0883efile-selector-button Tb4b4b4{

@apply bg-blue-500 Te6edf3hoverTb4b4b4:Te6edf3bg-blue-400 Tff7b72textTff7b72-Tff7b72whiteTb4b4b4;

Tb4b4b4}